<template>
  <view class="search-view flex flex-middle flex-center" @click="toSearch">
    <u-icon name="search" size="26" color="#979797" />
    <text>搜一搜</text>
  </view>
</template>

<script>
export default {
  methods: {
    toSearch() {
      this.$navigateTo("/pages/search/index");
    },
  },
};
</script>

<style scoped lang="scss">
.search-view {
  height: 34px;
  border-radius: 34px;
  border: 1px solid #eaeaea;
  background: #fff;
  padding: 0 10px;

  text {
    color: #979797;
    margin-left: 2px;
  }
}
</style>